<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>企业信息</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/page.css">
    <link rel="stylesheet" href="../css/demo.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
   <!-- <script src="../js/common.js"></script>-->
    <script src="../js/exif.js"></script>
    <script src="../js/public.js"></script>
    <style>
        .upload_box {
            width: 100%;
            /* margin: 1em auto; */
        }

        .upload_main {}

        .upload_choose {
            position: relative;
        }
        .inss{
            position: absolute;
            opacity: 0.1;
        }

        .upload_drag_area {
            display: inline-block;
            width: 60%;
            padding: 4em 0;
            margin-left: .5em;
            border: 1px dashed #ddd;
            background: #fff url(drag.png) no-repeat 20px center;
            color: #999;
            text-align: center;
            vertical-align: middle;
        }

        .upload_drag_hover {
            border-color: #069;
            box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .5);
            color: #333;
        }
        .parn{
            /*height: 200px;*/
        }
        .add_img{
            width: 70%;
            margin: 0 auto;
            height: 144px;
            margin-left: 15%;
        }
        .upload_preview {
            background-color: #fff;
            overflow: hidden;
            _zoom: 1;
            position: absolute !important;
            /* float: left; */
            /* z-index: 99999; */
            width: 55vw;
            height: 31vw;
            left: 17vw;
        }

        .upload_append_list {
            /* height: 300px; */
            margin-right: 8px;
            width: 100%;
            height: 100%;
            /* float: left; */
            position: absolute !important;
            z-index: 999999;
        }

        .upload_append_list>p {
            width: 100%;
            height: 100%;
        }

        .upload_devare {
            margin-left: 2em;
            background: url('../img/删除@2x.png') no-repeat center;
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            width: 12px;
            height: 12px;
            background-size: contain;
        }

        .upload_image {
            /* max-height: 250px;
            padding: 5px; */
        }

        .upload_submit {
            /* padding-top: 1em; */
            /* padding-left: 1em; */
        }

        .upload_submit_btn {
            display: none;
            height: 32px;
            font-size: 14px;
        }

        .upload_loading {
            height: 250px;
            background: url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;
        }

        .upload_progress {
            display: none;
            padding: 5px;
            border-radius: 10px;
            color: #fff;
            background-color: rgba(0, 0, 0, .6);
            position: absolute;
            left: 25px;
            top: 45px;
        }
        .img-div{
            position: relative;
        }
        .files{
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            opacity: 0;
        }
        h5{
            padding: 0 .2rem;
            box-sizing: border-box;
            margin: 10px 0;
        }
        .remarks{
            text-align: center;
            margin: 5px 0;
        }
        .add_img11{
        	display: block;
        	margin: 0 auto;
        	width: 100%;
        }
    </style>
</head>
<body>
    <!--头部-->
    <div class="public-header flex">
        <!--<span class="public-header-left-search"></span>-->
        <span class="public-header-left-back"></span>
        <span class="public-header-center">企业信息</span>
        <span class="public-header-right"></span>
    </div>
    <!--正文-->
    <div class="Corporate-Information" style="height: initial;background: rgb(248,248,248);">
        <h6>企业信息认证<span>(请上传真实的企业信息，认证通过后将无法修改)</span></h6>
        <ul>
            <li style="overflow: hidden">
                <span>企业名称</span>
                <input type="text" placeholder="请输入企业名称" id="enterprise_name">
            </li>
            <li style="overflow: hidden">
                <span>法人姓名</span>
                <input type="text" placeholder="请输入法人姓名" id="legal_person_name">
            </li>
            <li style="overflow: hidden">
                <span>身份证号</span>
                <input type="text" placeholder="请输入法人身份证号" id="enterprise_IdCard">
            </li>
            <li style="overflow: hidden">
                <span>联系电话</span>
                <input type="text" placeholder="请输入公司联系电话" id="enterprise_phone" maxlength="11">
            </li>
        </ul>
        <div class="parn">
            <h5>法人身份证正面照</h5>
            <div class="img-div">
                <img src="../img/上传照片@2x.png" class="add_img" id="legal_person_idcard_Positive">
                <input type="file" class="files" onchange="selectFileImage(this,0)">
                <div class="remarks">上传正面照（清晰）</div>
            </div>
        </div>
        <div  class="parn">
            <h5>法人身份证反面照</h5>
            <div class="img-div">
                <img src="../img/上传照片@2x.png" class="add_img" id="legal_person_idcard_Back">
                <input type="file" class="files" onchange="selectFileImage(this,1)">
                <div class="remarks">上传反面照（清晰）</div>
            </div>
        </div>
        <div  class="parn">
            <h5>法人手持身份证照</h5>
            <div class="img-div">
                <img src="../img/上传照片@2x.png" class="add_img" id="Id_cardPositive">
                <input type="file" class="files" onchange="selectFileImage(this,2)">
                <div class="remarks">上传手持身份证照（清晰）</div>
            </div>
        </div>
        <div  class="parn">
            <h5>企业营业执照</h5>
            <div class="img-div">
                <img src="../img/上传照片@2x.png" class="add_img" id="license">
                <input type="file" class="files" onchange="selectFileImage(this,4)">
                <div class="remarks">上传企业营业执照（清晰）</div>
            </div>
        </div>
        <div>
            <h6>店铺设置<span>(请上传真实的企业信息，认证通过后将无法修改)</span></h6>
            <ul>
                <li>
                    <span>名称</span>
                    <input type="text"  placeholder="请输入店铺名称" id="storename">
                </li>
                <li>
            </ul>
        </div>
        <div class="parn">
                <h5>店铺logo</h5>
                <div class="img-div">
                    <img src="../img/上传企业执照@2x.png" class="add_img" id="store_image">
                    <input type="file" class="files" onchange="selectFileImage(this,3)">
                    <div class="remarks">上传店铺logo（尺寸：X*X）</div>
                </div>
        </div>
        <div class="parn">
        	<h6>店铺宣传海报</h6>
            <div class="img-div">
                <img src="../img/上传照片@2x.png" class="add_img11" id="store_img">
                <input type="file" class="files" onchange="updataimg(this)">
                <div class="remarks">海报大小请限制在1M以内</div>
            </div>
        </div>
        <div>
            <p class="p2">店铺介绍</p>
            <div>
                <textarea style="border: none;" name="" id="store_des" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="button" onclick="postData_before()"> 提交</div>
    </div>
 <script>
 	var imgs_arr = [];//存放图片的数组
 	var placard = '';//店铺海报照片
	$(function() {
		$.ajax({//获取企业资料，然后显示在页面上
			url: base_url + "ZITAOHUI/store/displayAuthenticationInformation",
			data: {
				value: 2,
				id: sessionStorage.getItem("s_id")
			},
			dataType: "json",
			success: function(data) {
				console.log(data);
				var _d = data.extend.data;
				if(!isNull(_d.enterprise_name)) {
					$("#enterprise_name").val(_d.enterprise_name);
				}
				if(!isNull(_d.enterprise_IdCard)) {
					$("#enterprise_IdCard").val(_d.enterprise_IdCard);
				}
				if(!isNull(_d.legal_person_name)) {
					$("#legal_person_name").val(_d.legal_person_name);
				}
				if(!isNull(_d.store_name)) {
					$("#storename").val(_d.store_name);
				}
				if(!isNull(_d.store_describe)) {
					$("#store_des").val(_d.store_describe);
				}
				if(!isNull(_d.legal_person_idcard_Positive)) {
					$("#legal_person_idcard_Positive").attr("src", _d.legal_person_idcard_Positive);
					imgs_arr[0] = _d.legal_person_idcard_Positive;
				}
				if(!isNull(_d.legal_person_idcard_Back)) {
					$("#legal_person_idcard_Back").attr("src", _d.legal_person_idcard_Back);
					imgs_arr[1] = _d.legal_person_idcard_Back;
				}
				if(!isNull(_d.Id_cardPositive)) { //法人手持身份证
					$("#Id_cardPositive").attr("src", _d.Id_cardPositive);
					imgs_arr[2] = _d.Id_cardPositive;
				}
				if(!isNull(_d.license)) { //企业营业执照-------------------
					$("#license").attr("src", _d.license);
					imgs_arr[4] = _d.license;
				}
				if(!isNull(_d.store_image)) { //店铺logo
					$("#store_image").attr("src", _d.store_image);
					imgs_arr[3] = _d.store_image;
				}
				if(!isNull(_d.contact_phone)){//联系电话
					$("#enterprise_phone").val(_d.contact_phone);
				}
				if(!isNull(_d.placard)){//企业海报
					$(".add_img11").attr('src',_d.placard)
				}
				console.log('后调取的时候的图片数组：');
				console.log(imgs_arr);
			}
		})

	})
	function postData_before(){
		var enterprise_name = $('#enterprise_name').val();
		var legal_person_name = $('#legal_person_name').val();
		var enterprise_IdCard = $('#enterprise_IdCard').val();
		var store_name = $('#storename').val();
		var store_des = $('#store_des').val();
		var enterprise_phone = $('#enterprise_phone').val();
		if(checkMobile(enterprise_phone)){
			if(imgs_arr.length==5){
				if(enterprise_name&&legal_person_name&&enterprise_IdCard&&store_name&&store_des){
					postData();
				}else{
					alert('数据填写不完整，请检查');
				}
			}else{
				alert('您有图片未上传');
				console.log(JSON.stringify(imgs_arr));
			}
		}
		
	}
	function checkMobile(sMobile){ //手机号正则判断
		if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){ 
			alert("请填写正确的手机号码"); 
			$('#enterprise_phone').focus(); 
			return false; 
		}else{
			return true;
		}
	}

	function postData() {//点击保存的时候，把页面上的数据，保存到后台；
		var imgs = '';
		var enterprise_name = $('#enterprise_name').val();
		var legal_person_name = $('#legal_person_name').val();
		var enterprise_IdCard = $('#enterprise_IdCard').val();
		var store_name = $('#storename').val();
		var store_des = $('#store_des').val();
		var contact_phone = $('#enterprise_phone').val();//联系电话
		for(var i = 0; i < imgs_arr.length; i++) {
			imgs += "," + imgs_arr[i];
		}
		//        if(imgs.length != 4){
		//            alert("您有图片未上传");
		//            return false;
		//        }
		imgs = imgs.replace(/,/,'');
		$.ajax({
			url: base_url + 'ZITAOHUI/store/enterprise/authentication',
			type: "post",
			data: {
				enterprise_name: enterprise_name,
				legal_person_name: legal_person_name,
				enterprise_IdCard: enterprise_IdCard,
				store_Id: sessionStorage.getItem("s_id"),
				store_name: store_name,
				store_describe: store_des,
				images: imgs,
				contact_phone:contact_phone
			},
			dataType: "json",
			success: function(data) {
				if(data.code == 1) {
					window.location.href = "setting-center.html";
				}
			}
		})
	}
	function updataimg(fileObj){
		var file_img = fileObj.files['0'];
	    //创建读取文件的对象  
	    var reader = new FileReader();  
	    //创建文件读取相关的变量  
	    var imgFile;  
	    //为文件读取成功设置事件  
	    reader.onload=function(e) {  
		    //alert('文件读取完成');  
		    imgFile = e.target.result;  //这里就已经是base64的格式了
		    console.log(imgFile); 
		    var newsIndex = imgFile.indexOf(",");
			var news = imgFile.substr(parseInt(newsIndex + 1));
			console.log(news);
			$.ajax({
				type: "post",
				url: base_url + "ZITAOHUI/upload/image",
				data: {
					"imageData": news
				},
				dataType: "json",
				success: function(data) {
					if(data.code == 1) {
						var _url = data.extend.msg.fileUrl;
						$('.add_img11').attr('src',_url);
						placard = _url;
					} else {
						alert("上传失败，请刷新后重试");
					}
				},
				error: function(error) {

				}
			});
	    };
	    //console.log(file_img.size);
	    if(file_img.size>1024*1024){
	    	alert('图片大小大于1M，请压缩图片后重试');
	    }else{
	    	//正式的读取文件
	    	reader.readAsDataURL(file_img); 
	    }
	    
	}
	function selectFileImage(fileObj, ins) {
		var obj = fileObj;
		var file = fileObj.files['0'];
		//console.log(file.size);
		//图片方向角 added by lzk
		var $par = $(obj).siblings('.add_img');
		var Orientation = null;

		if(file) {
			//            layer.open({type: 2});

			//获取照片方向角属性，用户旋转控制
			EXIF.getData(file, function() {
				// //alert(EXIF.pretty(this));
				EXIF.getAllTags(this);
				////alert(EXIF.getTag(this, 'Orientation'));
				Orientation = EXIF.getTag(this, 'Orientation');
				//return;
			});

			var oReader = new FileReader();
			oReader.onload = function(e) {
				//var blob = URL.createObjectURL(file);
				//_compress(blob, file, basePath);
				var image = new Image();
				image.src = e.target.result;
				image.onload = function() {
					var imgWidth = this.width;
					var imgHeight = this.height;

					// 控制上传图片的宽高
					if(imgWidth > imgHeight && imgWidth > 750) {
						imgWidth = 750;
						imgHeight = Math.ceil(750 * this.height / this.width);
					} else if(imgWidth < imgHeight && imgHeight > 1334) {
						imgWidth = Math.ceil(1334 * this.width / this.height);
						imgHeight = 1334;
					}
					var canvas = document.createElement("canvas"),
						ctx = canvas.getContext('2d');
					canvas.width = imgWidth;
					canvas.height = imgHeight;
					if(Orientation && Orientation != 1) {
						switch(Orientation) {
							case 6: // 旋转90度
								canvas.width = imgHeight;
								canvas.height = imgWidth;
								ctx.rotate(Math.PI / 2);
								// (0,-imgHeight) 从旋转原理图那里获得的起始点
								ctx.drawImage(this, 0, -imgHeight, imgWidth, imgHeight);
								break;
							case 3: // 旋转180度
								ctx.rotate(Math.PI);
								ctx.drawImage(this, -imgWidth, -imgHeight, imgWidth, imgHeight);
								break;
							case 8: // 旋转-90度
								canvas.width = imgHeight;
								canvas.height = imgWidth;
								ctx.rotate(3 * Math.PI / 2);
								ctx.drawImage(this, -imgWidth, 0, imgWidth, imgHeight);
								break;
						}
					} else {
						ctx.drawImage(this, 0, 0, imgWidth, imgHeight);
					}
					base64 = canvas.toDataURL("image/jpeg", 0.8);
					var newsIndex = base64.indexOf(",");
					var news = base64.substr(parseInt(newsIndex + 1));
					//                        console.log(news);
					$.ajax({ //上传头像
							type: "post",
							url: base_url + "ZITAOHUI/upload/image",
							data: {
								imageData: news
							},
							dataType: "json",
							success: function(data) {
								//////console.log(data);
								if(data.code == 1) {
									console.log("上传成功");
									//                                    _imgarr.push(
									//                                        {
									//                                            id: data_id,
									//                                            url: data.fileUrl
									//                                        }
									//                                    );
									var _url = data.extend.msg.fileUrl;
									$par.attr("src", _url);
									imgs_arr[ins] = _url;
									console.log('上传一张图片后图片数组的数据：')
									console.log(imgs_arr);
								} else {
									alert("上传失败");
								}
							},
							error: function(error) {

							}
						})
						////console.log(news);

				};
			};
			oReader.readAsDataURL(file);
		}
	}
	$(function() {
		//            $.ajax({
		//                url: base_url + 'ZITAOHUI/user/legalize',
		//                data: {
		//                    uid: sessionStorage.getItem("uid"),
		//                    type: 2
		//                },
		//                success: (data) => {
		//                    console.log(data)
		////                    $('.button').hide();
		//                    var datas = data.extend.data;
		//                    if(datas.enterprise_name != 0){
		//                        $('#enterprise_name').val(datas.enterprise_name)
		//                    }
		//                    if(datas.legal_person_name!= 0){
		//
		//                        $('#legal_person_name').val(datas.legal_person_name);
		//                    }
		//                    if(datas.enterprise_IdCard!= 0){
		//
		//                        $('#enterprise_IdCard').val(datas.enterprise_IdCard);
		//                    }
		//                    $('#store_name').val(datas.store_name)
		//                    $('#store_des').val(datas.store_describe)
		//                    var img = document.getElementsByClassName('add_img')
		//                    img[0].src = datas.legal_person_idcard_Positive;
		//                    img[1].src = datas.legal_person_idcard_Back;
		//                    img[3].src = datas.store_image
		//                    console.log(datas.store_describe)
		//
		//                },
		//                error: (data) => {
		//                    console.log(data)
		//
		//                }
		//            })
	})
</script>
    <!--<script>-->
        <!--var params = {-->
            <!--fileInput: $("#fileImage").get(0),-->
            <!--dragDrop: $("#fileDragArea").get(0),-->
            <!--upButton: $("#fileSubmit").get(0),-->
            <!--url: $("#uploadForm").attr("action"),-->
            <!--filter: function (files) {-->
                <!--var arrFiles = [];-->
                <!--for (var i = 0, file; file = files[i]; i++) {-->
                    <!--if (file.type.indexOf("image") == 0) {-->
                        <!--// if (file.size >= 512000) {-->
                        <!--//     alert('您这张"' + file.name + '"图片大小过大，应小于500k');-->
                        <!--// } else {-->
                        <!--arrFiles.push(file);-->
                        <!--// }-->
                    <!--} else {-->
                        <!--alert('文件"' + file.name + '"不是图片。');-->
                    <!--}-->
                <!--}-->
                <!--return arrFiles;-->
            <!--},-->
            <!--onSelect: function (files) {-->
                <!--var html = '',-->
                    <!--i = 0;-->
                <!--// $("#preview").html('<div class="upload_loading"></div>');-->
                <!--var funAppendImage = function () {-->
                    <!--file = files[i];-->
                    <!--if (file) {-->
                        <!--var reader = new FileReader()-->
                        <!--reader.onload = function (e) {-->
                            <!--html = html + '<div id="uploadList_' + i +-->
                                <!--'" class="upload_append_list"><p>' +-->
                                <!--'<img id="uploadImage_' + i + '" src="' + e.target.result +-->
                                <!--'" class="upload_image" style="width:100%;height:100%"/></p>' +-->
                                <!--'</div>';-->

                            <!--i++;-->
                            <!--funAppendImage();-->
                        <!--}-->
                        <!--reader.readAsDataURL(file);-->

                    <!--} else {-->
                        <!--// $(".upload_choose").prepend(html);-->
                        <!--$("#preview").html(html);-->

                        <!--if (html) {-->
                            <!--//删除方法-->
                            <!--$(".upload_devare").click(function () {-->
                                <!--ZXXFILE.funDevareFile(files[parseInt($(this).attr("data-index"))]);-->
                                <!--return false;-->
                            <!--});-->
                            <!--switch ($('.upload_append_list').length) {-->

                                <!--case 2:-->
                                    <!--var src2 = $('.upload_append_list').eq(1).find('img').attr('src');-->
                                    <!--$('.upload_append_list').eq(1).find('>p').css('display', 'none');-->
                                    <!--$('.add_img2').attr('src', src2).siblings().remove()-->
                                    <!--break;-->
                                <!--case 3:-->
                                    <!--var src3 = $('.upload_append_list').eq(2).find('img').attr('src');-->
                                    <!--$('.upload_append_list:gt(0)').find('>p').css('display', 'none');-->
                                    <!--$('.add_img3').attr('src', src3).siblings().remove()-->
                                    <!--break;-->
                                <!--case 4:-->
                                    <!--var src4 = $('.upload_append_list').eq(3).find('img').attr('src');-->
                                    <!--$('.upload_append_list:gt(0)').find('>p').css('display', 'none');-->
                                    <!--$('.add_img4').attr('src', src4).siblings().remove()-->
                                    <!--break;-->
                            <!--}-->
                            <!--//提交按钮显示-->
                            <!--// $("#fileSubmit").show();-->
                        <!--} else {-->
                            <!--//提交按钮隐藏-->
                            <!--$("#fileSubmit").hide();-->
                        <!--}-->
                    <!--}-->
                <!--};-->
                <!--funAppendImage();-->
            <!--},-->
            <!--onDevare: function (file) {-->
                <!--$("#uploadList_" + file.index).fadeOut();-->
                <!--$('#uploadForm')[0].reset();-->
            <!--},-->
            <!--onDragOver: function () {-->
                <!--$(this).addClass("upload_drag_hover");-->
            <!--},-->
            <!--onDragLeave: function () {-->
                <!--$(this).removeClass("upload_drag_hover");-->
            <!--},-->
            <!--onProgress: function (file, loaded, total) {-->
                <!--var eleProgress = $("#uploadProgress_" + file.index),-->
                    <!--percent = (loaded / total * 100).toFixed(2) + '%';-->
                <!--eleProgress.show().html(percent);-->
            <!--},-->
            <!--onSuccess: function (file, response) {-->
                <!--// $("#uploadInf").append("<p>上传成功，图片地址是：" + response + "</p>");-->
                <!--console.log(response)-->
                <!--data = JSON.parse(response)-->
                <!--if (data.code == 1) {-->
                    <!--window.location.href = '../page/Review.html'-->
                <!--}-->
            <!--},-->
            <!--onFailure: function (file) {-->
                <!--console.log(file)-->
                <!--// $("#uploadInf").append("<p>图片" + file.name + "上传失败！</p>");-->
                <!--// $("#uploadImage_" + file.index).css("opacity", 0.2);-->
            <!--},-->
            <!--onCompvare: function () {-->
                <!--//提交按钮隐藏-->
                <!--$("#fileSubmit").hide();-->
                <!--//file控件value置空-->
                <!--$('#uploadForm')[0].reset();-->
                <!--// 成功提示-->
                <!--$("#uploadInf").append("<p>当前图片全部上传完毕，可继续添加上传。</p>");-->
            <!--}-->
        <!--};-->
        <!--ZXXFILE = $.extend(ZXXFILE, params);-->
        <!--ZXXFILE.init();-->
        <!--$('.add_img').click(function () {-->
            <!--$('#fileImage').click();-->
        <!--});-->
<!--//        $(".upload_image").click(function (){-->
<!--//            $('#fileImage').click();-->
<!--//        })-->

        <!--var imgFile = [];-->
        <!--$('#fileImage').change(function (e) {-->
            <!--var input = document.getElementById('fileImage');-->
            <!--imgFile.push(input.files[0]);-->
            <!--console.log(imgFile)-->
        <!--});-->

        <!--$('.button').on('click', function () {            console.log(imgFile)-->
            <!--var fd = new FormData();-->
            <!--var input = document.getElementById('fileImage');-->
            <!--var store_id = s_id,-->
                <!--enterprise_name = $('#enterprise_name').val(),-->
                <!--legal_person_name = $('#legal_person_name').val(),-->
                <!--enterprise_IdCard = $('#enterprise_IdCard').val(),-->
                <!--store_name = $('#store_name').val(),-->
                <!--store_des = $('#store_des').text();-->


            <!--for (var i = 0; i < imgFile.length; i++) {-->
                <!--fd.append('file', imgFile[i]);-->
            <!--}-->

            <!--fd.append('enterprise_name', enterprise_name)-->
            <!--fd.append('legal_person_name', legal_person_name)-->
            <!--fd.append('enterprise_IdCard', enterprise_IdCard)-->
            <!--fd.append('store_id', store_id)-->
            <!--fd.append('store_name', store_name)-->
            <!--fd.append('store_describe', store_des)-->
            <!--console.log(input);-->
            <!--for (var pair of fd.entries()) {-->
                <!--console.log(pair[0] + ', ' + pair[1]);-->
            <!--}-->
            <!--$.ajax({-->
                <!--url: base_url+'ZITAOHUI/store/enterprise/authentication',-->
                <!--type: 'post',-->
                <!--// cache: false,-->
                <!--processData: false,-->
                <!--contentType: false,-->
                <!--data: fd,-->
                <!--success: function (data) {-->
                    <!--console.log(data)-->
                <!--},-->
                <!--error: (data) => {-->
                    <!--console.log(data)-->
                <!--}-->
            <!--})-->

        <!--})-->
    <!--</script>-->
</body>

</html>